var PagePeelParams = {
  "smallImageUrl": "http://cdn.advertserve.com/images/ljb.advertserve.com/servlet/files/1765",
  "largeImageUrl": "http://cdn.advertserve.com/images/ljb.advertserve.com/servlet/files/1770",
  "peelColorStart": "#cccccc",
  "peelColorEnd": "#fcfcfc",
  "pagePeelTargetUrl": "http://ljb.advertserve.com/servlet/click/zone?zid=95&cid=721&mid=1071&pid=2&sid=1&uuid=4b5d3c69f6e7dc6533cb785a5559b401&ip=147.91.8.189&default=false&random=62626903&timestamp=20170328035457&test=false&referrer=http%3A%2F%2Faltenergymag.com%2Fcontent.php%3Fpost_type%3D1884&redirect=http%3A%2F%2Fwww.altenergymag.com%2Fshowcase%2Fdpw-solar-power-rail%25E2%2584%25A2%2F1052",
  "pagePeelActivateEvent": "hover",
  "openInNewWindow": "false",
  "anchorElementId": "",
  "peelEventURL": "http://ljb.advertserve.com/servlet/events?zid=95&cid=721&mid=1071&pid=2&sid=1&uuid=4b5d3c69f6e7dc6533cb785a5559b401&type=[name]&name=[type]&ip=147.91.8.189&random=62626903&timestamp=20170328035457&referrer=http%3A%2F%2Faltenergymag.com%2Fcontent.php%3Fpost_type%3D1884",
  "opened": false,
  "interactiveTime": null,
  "interactiveTimeCount": 0,
  "interactiveTimeMarker": 0,
  "viewableState": "obscured",
  "viewableTime": null,
  "viewableTimeCount": 0,
  "loadedAt": new Date().getTime()
};

var isPagePeelVisible = function() {
  var getHiddenProp = function() {
    var prefixes = ['webkit','moz','ms','o'];
    if ('hidden' in document) return 'hidden';
    for (var i = 0; i < prefixes.length; i++){
      if ((prefixes[i] + 'Hidden') in document) { return prefixes[i] + 'Hidden'; }
    }
    return null;
  };
  var prop = getHiddenProp();
  return (prop) ? !document[prop] : true;
};

var PagePeelOpened = function() {
  if (!PagePeelParams.opened) {
    PagePeelParams.opened = true;
    var generateTrackingUrl = function(type, name) {
      var url = PagePeelParams.peelEventURL;
      url = url.replace("[type]", type);
      url = url.replace("[name]", name);
      return url;
    };
    new Image().src = generateTrackingUrl('counter', 'Peel+Opened');
  }
  if (!PagePeelParams.interactiveTime) {
    PagePeelParams.interactiveTime = setInterval(function() { PagePeelInteractive(); }, 1000);
  }
};

var PagePeelInteractive = function() {
  if (!isPagePeelVisible()) {
    return;
  }
  PagePeelParams.interactiveTimeCount += 1;
  if (PagePeelParams.interactiveTimeCount <= 180 && (PagePeelParams.interactiveTimeCount - PagePeelParams.interactiveTimeMarker) > 0) {
    var generateTrackingUrl = function(type, name) {
      var url = PagePeelParams.peelEventURL;
      url = url.replace("[type]", type);
      url = url.replace("[name]", name + "&ticks=" + PagePeelParams.interactiveTimeCount);
      return url;
    };
    new Image().src = generateTrackingUrl('interactive', 'time');
  }
};

var PagePeelClosed = function() {
  if (PagePeelParams.interactiveTime) {
    clearInterval(PagePeelParams.interactiveTime);
    PagePeelParams.interactiveTime = null;
    PagePeelParams.interactiveTimeMarker = PagePeelParams.interactiveTimeCount;
  }
};

var isPagePeelViewable = function() {
  var el = document.getElementById('PagePeel');
  if (!el) { setTimeout(function() { PagePeelViewabilityScanner(); }, 500); return false; }
  var rect = el.getBoundingClientRect();
  var vW = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
  var vH = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
  if (document.compatMode && document.compatMode == 'BackCompat') {
    vW = Math.max(document.body.clientWidth, window.innerWidth || 0);
    vH = Math.max(document.body.clientHeight, window.innerHeight || 0);
  }
  var eW = el.clientWidth;
  var eH = el.clientHeight;
  var visible = (
    eW > 0 && eH > 0 && (
      (rect.top >= 0 && rect.top < vH && ((rect.left >= 0 && rect.left < vW) || (rect.right > 0 && rect.right <= vW))) ||
      (rect.bottom >= 0 && rect.bottom <= vH && ((rect.left >= 0 && rect.left < vW) || (rect.right > 0 && rect.right <= vW)))
    )
  );
  if (visible) {
    var visibleWidth = (rect.left >= 0 && rect.left < vW) ? Math.min((vW - rect.left), eW) : rect.right;
    var visibleHeight = (rect.top >= 0 && rect.top < vH) ? Math.min((vH - rect.top), eH) : rect.bottom;
    var visibleArea = (visibleWidth * visibleHeight);
    var totalArea = (eW * eH);
    var minArea = (totalArea >= 242500) ? (0.3 * totalArea) : (0.5 * totalArea);
    if (visibleArea < minArea) {
      visible = false;
    }
  }
  return visible;
};

var startPagePeelViewable = function() {
  if (!PagePeelParams.viewableTime) {
    PagePeelParams.viewableState = "viewable";
    PagePeelParams.viewableTime = (PagePeelParams.viewableTimeCount > 0) ? new Date().getTime() : PagePeelParams.loadedAt;
  }
};

var sendPagePeelViewable = function() {
  if (PagePeelParams.viewableTimeCount >= 966) {
    var generateBeaconUrl = function(type, name) {
      var url = 'http://ljb.advertserve.com/servlet/events?type=[type]&name=[name]&ip=147.91.8.189&uuid=4b5d3c69f6e7dc6533cb785a5559b401&random=62626903&timestamp=20170328035457&referrer=http%3A%2F%2Faltenergymag.com%2Fcontent.php%3Fpost_type%3D1884';
      url = url.replace("[type]", type);
      url = url.replace("[name]", name);
      return url;
    };
    var data = "zid=95&cid=721&mid=1071&pid=2&sid=1&elapsed=" + Math.round(PagePeelParams.viewableTimeCount / 1000);
    if ('sendBeacon' in navigator) {
      navigator.sendBeacon(generateBeaconUrl('viewable', 'time'), data);
    }
    else {
      var xhr = ('XMLHttpRequest' in window) ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
      xhr.open('POST', generateBeaconUrl('viewable', 'time'), false);
      xhr.setRequestHeader('Accept', '*/*');
      xhr.setRequestHeader('Content-Type', 'text/plain;charset=UTF-8');
      xhr.responseType = 'text/plain';
      xhr.send(data);
    }
    PagePeelParams.viewableTimeCount = 0;
  }
};

var finishPagePeelViewable = function() {
  if (PagePeelParams.viewableTime) {
    PagePeelParams.viewableState = "obscured";
    PagePeelParams.viewableTimeCount += (new Date().getTime() - PagePeelParams.viewableTime);
    PagePeelParams.viewableTime = null;
  }
};

var PagePeelViewabilityScanner = function() {
  if (isPagePeelVisible() && isPagePeelViewable()) {
    startPagePeelViewable();
  }
  else {
    finishPagePeelViewable();
  }
};

(function() {
  var l = document.createElement('link');
  l.rel = 'stylesheet'; l.type = 'text/css'; l.href = 'http://ljb.advertserve.com/css/assets/pagepeel.css';
  document.getElementsByTagName('head')[0].appendChild(l);
  var s = document.createElement('script');
  s.type = 'text/javascript'; s.async = true; s.src = 'http://ljb.advertserve.com/js/assets/pagepeel_right.js';
  var x = document.getElementsByTagName('script')[0];
  x.parentNode.insertBefore(s, x);
})();

window.addEventListener('resize', PagePeelViewabilityScanner);
window.addEventListener('visibilitychange', PagePeelViewabilityScanner);
window.addEventListener('scroll', PagePeelViewabilityScanner);

setInterval(PagePeelViewabilityScanner, 100);

var PagePeelViewabilityReporter = function() {
  finishPagePeelViewable();
  sendPagePeelViewable();
};

window.addEventListener('unload', PagePeelViewabilityReporter);